<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>pomo</title>
	<link rel="stylesheet" href="./style.css">
</head>

<body>
	<a href="javascript:void(0)" id="btn">点我试试</a>
	<div class="transition-layer">
		<div class="layer"></div>
	</div>
	<div class="modal">
		<a href="javascript:void(0)" class="close"></a>
		<div class="inner">
			<h1>My Modal Content</h1>
			<p>
				Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad modi repellendus, optio eveniet eligendi molestiae?
				Fugiat, temporibus! A rerum pariatur neque laborum earum, illum voluptatibus eum voluptatem fugiat, porro animi
				tempora? Sit harum nulla, nesciunt molestias, iusto aliquam aperiam est qui possimus reprehenderit ipsam ea aut
				assumenda inventore iste! Animi quaerat facere repudiandae earum quisquam accusamus tempora, delectus nesciunt,
				provident quae aliquam, voluptatum beatae quis similique in maiores repellat eligendi voluptas veniam optio
				illum vero! Eius, dignissimos esse eligendi veniam.
			</p>
			<p>
				Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis saepe amet sit fugit rerum, corporis minus
				vitae officia quaerat incidunt voluptate, blanditiis ea est quibusdam voluptas animi quasi totam magni, commodi
				praesentium. Possimus quam illo ipsam iste unde totam cupiditate deleniti, impedit assumenda hic eligendi natus
				tempora dolores quod mollitia ab non sunt eaque adipisci, suscipit quas aliquid officiis beatae. Necessitatibus
				voluptatibus, perferendis tenetur perspiciatis adipisci nesciunt eum ex fuga commodi iure numquam enim rem ullam
				labore nisi magni sint voluptatem quos! Eum iure exercitationem voluptates repellendus culpa doloremque laborum
				animi illum, sint fugit soluta possimus a fuga veritatis molestias corporis placeat illo pariatur dolor
				reiciendis earum, sapiente omnis. Placeat maiores omnis, porro officia, laborum eos. Fugiat mollitia inventore
				consequuntur odit eaque, rerum recusandae, eum sint molestiae consequatur culpa deserunt quae aliquid dolor
				tempora tenetur architecto repellendus enim quasi atque, odio voluptas. Tenetur repellendus explicabo ipsum
				inventore quia aut eos expedita necessitatibus asperiores blanditiis! Delectus nisi laudantium ipsum! Quasi
				blanditiis corrupti dicta maiores placeat laboriosam delectus ipsum facere voluptas, magnam voluptatibus,
				perferendis alias ullam saepe, perspiciatis recusandae voluptates, dolores praesentium?
			</p>
		</div>
	</div>

	<script src="./index.js"></script>
</body>

</html>